<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>销售-订单-添加</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/index.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<!--导航start-->
<nav class="navbar navbar-fixed-top">
    <div class="container-fluid ">
        <div class="row">
            <div class="col-md-2 nav-logo">
                <a href="首页.html"><img src="images/logo.png" /></a>
            </div>
            <div class="col-md-10 navbar1">
                <p class="navbar-text">信息沟通世界&nbsp;&nbsp;科技服务三农</p>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="销售-订单管理.html"><span class="glyphicon glyphicon-volume-up"></span>&nbsp;<span>订单<span class="badge">1</span></span></a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-info-sign"></span>&nbsp;
                            <span>帮助</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;0451-87963519-815</span></a></li>
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;互助问答</span></a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-user"></span>&nbsp;
                            <span>农业集团科技有限公司</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="资源-公司信息.html"><span class="text-primary"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;企业设置</span></a></li>
                            <li class="text-center"><a href="首页.html"><span class="text-primary"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;个人首页</span></a></li>
                            <li class="text-center"><a href="资源-站内信息.html"><span class="text-primary"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;系统消息</span></a></li>
                            <li class="text-center"><a href="修改密码.html"><span class="text-primary"><span class="glyphicon glyphicon-lock"></span>&nbsp;&nbsp;修改密码</span></a></li>

                        </ul>
                    </li>
                    <li>
                        <a href="登录.html">
                            <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span>退出</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!--导航end-->
<!--主体开始-->
<main>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-2 navbar2 sidebar">
                <h3>翔 农 云 农 场</h3>
                <h4>www.nongchang.com</h4>
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne">
                            <i class="ziyuan"></i>
                            <i class="panel-left1">资&nbsp;源</i>
                        </a>
                        <div id="collapseOne" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="资源-公司信息.html">公司信息</a></li>
                                <li><a href="资源-认证信息.html">认证信息</a></li>
                                <li><a href="资源-员工管理-基地负责人.html">员工信息</a></li>
                                <li><a href="资源-园区管理.html">园区管理</a></li>
                                <li><a href="资源-农机管理.html">农机管理</a></li>
                                <li><a href="资源-设备管理.html">设备管理</a></li>
                                <li><a href="资源-站内信息.html">站内信息</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true"
                           aria-controls="collapseOne1">
                            <i class="jihua"></i>
                            <i class="panel-left1">计&nbsp;划</i>
                        </a>
                        <div id="collapseOne1" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="计划-种类.html">种 类</a></li>
                                <li><a href="计划-排产.html">排 产</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne2" aria-expanded="true"
                           aria-controls="collapseOne2">
                            <i class="shengchan"></i>
                            <i class="panel-left1">生&nbsp;产</i>
                        </a>
                        <div id="collapseOne2" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="生产-农事.html">农事管理</a></li>
                                <li><a href="生产-预警管理.html">预警管理</a></li>
                                <li><a href="生产-监测.html">监 测</a></li>
                                <li><a href="生产-控制.html">控 制</a></li>
                                <li><a href="生产-气象.html">气 象</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne4" aria-expanded="true"
                           aria-controls="collapseOne4">
                            <i class="xiaoshou"></i>
                            <i class="panel-left1">销&nbsp;售</i>
                        </a>
                        <div id="collapseOne4" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="销售-订单管理.html">订单管理</a></li>
                                <li><a href="销售-价格.html">价格管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne5" aria-expanded="true"
                           aria-controls="collapseOne5">
                            <i class="lvli"></i>
                            <i class="panel-left1">商&nbsp;品</i>
                        </a>
                        <div id="collapseOne5" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="商品-加工.html">加 工</a></li>
                                <li><a href="商品-损耗.html">损 耗</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne6" aria-expanded="true"
                           aria-controls="collapseOne6">
                            <i class="jiagong"></i>
                            <i class="panel-left1">配&nbsp;送</i>
                        </a>
                        <div id="collapseOne6" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="配送-物流管理.html">物流管理</a></li>
                                <li><a href="履历-履历管理.html">履历管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne7" aria-expanded="true"
                           aria-controls="collapseOne7">
                            <i class="fenxi"></i>
                            <i class="panel-left1">统&nbsp;计</i>
                        </a>
                        <div id="collapseOne7" class="panel-collapse collapse" >
                            <ul class="nav nav-list">
                                <li><a href="汇总-历年产量对比-投产量.html">汇 总</a></li>
                                <li><a href="分析-农事管理分析-环境监控历史纪录.html">分 析</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--左侧nav end-->
             <!--右侧内容开始-->
<div class="col-xs-10 center_box">
<!----输入框---->
  <div class="nongji-btn">
    <form class="bs-example bs-example-form" role="form">
      <div class="row">
        <div class="col-xs-2">
           <h4>客户信息</h4>
        </div>
        <div class="col-xs-2">
        	<a href="#" type="button" class="btn btn-primary" aria-hidden="true" data-toggle="modal" data-target=".bs-example-modal-sm"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>&nbsp;&nbsp;新&nbsp;增</a>
          
        </div>
      </div>
    </form>
  </div>
<!-----------客户信息---------->
  <div class="row">
      <div class="col-xs-12 kehuxinxi-box">
        <div class="row kehuxinxi-container">
                    <div class="col-xs-6 kehuxinxi-1-right " style="border:1px solid #2ba310;">
                        <div class="row kehuxinxi-detail">
                                    <div class="col-xs-6">姓名：王先生</div>
                                    <div class="col-xs-6">联系方式：13713713137</div>
                                    <div class="col-xs-6">客户来源：网络电商</div>
                                    <div class="col-xs-6">客户类型：普通客户</div>
                                    <div class="col-xs-6">工作地址：内容</div>
                                    <div class="col-xs-6">备注：内容......</div>
                                    <div class="col-xs-12 true"></div>
                        </div>
                    </div>
                    <div class="col-xs-6 kehuxinxi-1-right ">
                       <div class="row kehuxinxi-detail">
                        <div class="col-xs-6">姓名：王先生</div>
                        <div class="col-xs-6">联系方式：13713713137</div>
                        <div class="col-xs-6">客户来源：网络电商</div>
                        <div class="col-xs-6">客户类型：普通客户</div>
                        <div class="col-xs-6">工作地址：内容</div>
                        <div class="col-xs-6">备注：内容......</div>
                    </div>
                 </div>
                 <div class="col-xs-6 kehuxinxi-1-right ">
                     <div class="row kehuxinxi-detail">
                       <div class="col-xs-6">姓名：王先生</div>
                       <div class="col-xs-6">联系方式：13713713137</div>
                       <div class="col-xs-6">客户来源：网络电商</div>
                       <div class="col-xs-6">客户类型：普通客户</div>
                       <div class="col-xs-6">工作地址：内容</div>
                       <div class="col-xs-6">备注：内容......</div>
                   </div>
               </div>
               <div class="col-xs-6 kehuxinxi-1-right ">
                   <div class="row kehuxinxi-detail">
                      <div class="col-xs-6">姓名：王先生</div>
                      <div class="col-xs-6">联系方式：13713713137</div>
                      <div class="col-xs-6">客户来源：网络电商</div>
                      <div class="col-xs-6">客户类型：普通客户</div>
                      <div class="col-xs-6">工作地址：内容</div>
                      <div class="col-xs-6">备注：内容......</div>
                </div>
            </div>
            <div class="col-xs-6 kehuxinxi-1-right ">
                <div class="row kehuxinxi-detail">
                    <div class="col-xs-6">姓名：王先生</div>
                    <div class="col-xs-6">联系方式：13713713137</div>
                    <div class="col-xs-6">客户来源：网络电商</div>
                    <div class="col-xs-6">客户类型：普通客户</div>
                    <div class="col-xs-6">工作地址：内容</div>
                    <div class="col-xs-6">备注：内容......</div>
            </div>
            </div>
            <div class="col-xs-6 kehuxinxi-1-right ">
                <div class="row kehuxinxi-detail">
                    <div class="col-xs-6">姓名：王先生</div>
                    <div class="col-xs-6">联系方式：13713713137</div>
                    <div class="col-xs-6">客户来源：网络电商</div>
                    <div class="col-xs-6">客户类型：普通客户</div>
                    <div class="col-xs-6">工作地址：内容</div>
                    <div class="col-xs-6">备注：内容......</div>
                </div>
            </div>
            </div>
        </div>
      </div>
    <!----------客户信息end-------->
    <!----------订单明细----------->
    <div class="row">
        <div class="col-xs-12 dingdanmingxi-box">
            <div class="row" style="padding-left:15px;">
                <div class="col-xs-2"><h4>订单明细</h4></div>
                <div class="col-xs-3">
                    <select class="form-control" style="overflow:scroll;">
                      <option>大豆类</option>
                      <option>大豆类</option>
                      <option>大豆类</option>
                      <option>大豆类</option>
                      <option>大豆类</option>
                    </select>
                </div>
                <div class="col-xs-3">
                    <select class="form-control">
                      <option>黄豆</option>
                      <option>黄豆</option>
                      <option>黄豆</option>
                      <option>黄豆</option>
                    </select>
                </div>
                <div class="col-xs-2">
                    <button type="button" class="btn btn-primary">&nbsp;&nbsp;添&nbsp;加&nbsp;&nbsp;</button>
                </div>
            </div>
        </div>
        </div>
    <div class="dingdan-xinxi">
        <table class="table table-striped dingdanmingxi-table" id="data">
            <thead>
              <tr style="background:#fefbea;">
                <td>名称</td>
                <td>规格</td>
                <td>原价</td>
                <td>单价</td>
                <td>数量</td>
                <td>小计</td>
                <td>库存</td>
                <td>操作</td>
              </tr>
            </thead>
            <tbody>
              <tr style="background:#fdfbfc;">
                <td>小番茄</td>
                <td>公斤</td>
                <td>￥10.00</td>
                <td>&yen;<span>10.00</span></td>
                
                <td>
                    <button type="button">-</button>
                    <span><input type="text" value="1" class="shuru"/></span>
                    <button type="button">+</button>
                </td>
                <td>&yen;<span class="xiaoji">10.00</span></td>
                <td><span class="kucun">100</span></td>
                <td>
                    <a href="#" class="delete-table"  aria-hidden="true" style="color:blue;">删除</a>
                </td>
              </tr>
            </tbody>
      </table>
    <div class="pull-right dingdan-heji">
        <ul class="list-unstyled  pull-right dingdan-heji1">
            <li class="zongjia">10.00</li>
            <li class="youhui">-5.00</li>
            <li><h2 class="shifukuan">5.00</h2></li>
        </ul>
        <ul class="list-unstyled pull-right dingdan-heji2">
            <li>商品总价：</li>
            <li>优惠：</li>
            <li>实际付款：</li>
        </ul>
    </div>
        
    </div>
    <div class="form-group nongjidetail-btn">
        <div class="col-xs-offset-10">
            <a href="销售-订单管理.html" class="btn btn-default" type="button" role="button">返&nbsp;&nbsp;回</a>
            <a href="销售-订单-添加2.html" class="btn btn-primary" type="button" role="button">下一步</a>
        </div>
    </div>
 

<!----------订单明细end-------->
</div>
    </div>
      </div>
     </div>
  </main>
<!--主体end-->
<!---------鼠标点击新增按钮弹出层------------->
	<form class="form-inline" role="form">
    <div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-box">
        <div class="modal-content">
            <div class="modal-header modal-header-new">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">新增客户</h4>
            </div>
            
            <div class="modal-body">
                    <div class="form-group">
                            <label for="kehu-name" class="control-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名</label>
                            <input type="text" class="form-control" id="kehu-name" placeholder="王某某">
                    </div>
                    <div class="form-group">
                            <label for="kehu-laiyuan" class="control-label" style="margin-left:10px;">客户来源</label>
                            <select class="form-control" style="width:180px;" id="kehu-laiyuan">
                                 <option>网络电商</option>
                                 <option>网络电商</option>
                             </select>
                    </div>
                    <div class="form-group" style="margin-top:20px;">
                            <label for="kehu-leixing" class="control-label">客户类型</label>
                            <select class="form-control" style="width:180px;" id="kehu-leixing">
                                 <option>普通客户</option>
                                 <option>VIP客户</option>
                            </select>
                    </div>
                    <div class="form-group" style="margin:20px 0 0 10px;">
                            <label for="kehu-number" class="control-label">联系方式</label>
                            <input type="text" class="form-control" id="kehu-number" placeholder="13099999999">
                    </div>
                    <div class="form-group" style="margin-top:20px;">
                        <label class="control-label" for="kehu-address">工作地址</label>
                        <textarea  class="form-control" id="kehu-address" ></textarea>
                    </div>
             </div>
             <div class="modal-footer">
             	 <button class="btn btn-default" data-dismiss="modal" type="button">返回</button>
                 <button class="btn btn-success" type="submit" data-dismiss="modal">提交</button>
            </div>
        </div>
    </div>
</div>
    </form>
<!--<script>-->
    <!--var s = document.createElement('script');-->
    <!--s.onload = function () {-->
        <!--bootlint.showLintReportForCurrentDocument([]);-->
    <!--}-->
    <!--s.src = 'js/bootlint.js';-->
    <!--document.body.appendChild(s);-->
<!--</script>-->
<script>
        $('button').click(function(){
			var num;	
			if($(this).text()=='-'){
				var $kucun=$('.kucun');
				   kucun=parseInt($kucun.text());
				   kucun++;
				   $kucun.text(kucun);
				var $num=$(this).next().children();
				num=parseInt($num.val());
				num--;
				
				if(num<=1){
				$num.val(1);

				}else{
					$num.val(num);
				}
			}else{
				var $num=$(this).prev().children();
				num=parseInt($num.val());
				num++;
				$num.val(num);
				var $kucun=$('.kucun');
				   kucun=parseInt($kucun.text());
				   kucun--;
				   $kucun.text(kucun);
			}
			//小计
			var price=parseInt($(this).parent().prev().children('span').text());
			$(this).parent().next().children('span').text(price*num);

			//总价
			var $span=$('.xiaoji');
			var $class=$('.youhui');
			var totalNum=0;
			for(var i=0;i<$span.length;i++){
				var total=parseInt($($span[i]).text());
				totalNum+=total;
			}
			$('.zongjia').text(totalNum);
			for(var i=0;i<$class.length;i++){
				var totalall=parseInt($($class[i]).text());
				totalNum+=totalall;
			}
			$('.shifukuan').text(totalNum);
		});
    </script>

</body>
</html>